<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
               		
	<f:view contentType="text/html">
		<h:head>
			<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
			<link rel="stylesheet" type="text/css" href="/msbconsole/style/default.css" media="screen" />
			<title>MSB</title>
			<style type="text/css">
				.new {
					background: url(/img/new.png) no-repeat;
				}
				
				.search {
					background: url(/img/search.png) no-repeat;
				}
			</style>
		</h:head>
	
		<h:body>
			<div class="outer-container">
				<div class="inner-container">
			
					<div class="header">
						<div class="title">
							<span class="sitename"><a href="/msbconsole/index.jsf">MSB Console</a></span>
							<div class="slogan">Media Service Bus</div>
						</div>
					</div>						
                
                	<h:form>
						<p:menubar id="menu">
							<p:menuitem value="Home" url="/index.jsf" icon="ui-icon-home"></p:menuitem>
							<p:menuitem value="Media" url="/media/list.jsf"></p:menuitem>
							<p:menuitem value="Category" url="/category/list.jsf" ></p:menuitem>
							<p:menuitem value="Status" url="/status/list.jsf" ></p:menuitem>
							<p:menuitem value="Logout" action="#{sessionBean.logout}" icon="ui-icon-close"></p:menuitem>
						</p:menubar>
									
					    <p:growl id="messages" showDetail="true" sticky="true" />
		               	<p:idleMonitor timeout="300000" update="messages">
		                	<p:ajax event="idle" listener="#{sessionBean.idleListener}" update="messages" />
		                </p:idleMonitor>
		                
		                <script>
		    				jQuery(document).ready(function() {
		    					lazyload();    	
		    				});
					    </script>
				        <p:growl id="growl" showDetail="false"/> 
					   	<p:remoteCommand name="lazyload" update="growl" actionListener="#{sessionBean.welcome}"/>
               		</h:form>

		
					<div class="main">		
						<div class="content">
							<ui:insert name="content"/>
						</div>			
						<div class="clearer"></div>			
					</div>
			
					<div class="footer">
						<span class="left">Powered by <a href="http://primefaces.org">PrimeFaces</a></span>
						<span class="right">
							<p:ajaxStatus>
								<f:facet name="start">
									<h:graphicImage value="/img/ajax-loader.gif" />
								</f:facet>
								
								<f:facet name="complete">
									Done
								</f:facet>
							</p:ajaxStatus>
						 </span>
			
						<div class="clearer"></div>
			
					</div>
			
				</div>
			
			</div>
		
		</h:body>
	</f:view>

</html>